﻿
*{ margin:0;padding:0;}
html,body{height:100%;}
body{ margin:0;padding:0; font-size:1em; font-family:'Microsoft YaHei'; color:#444; background:#fff;height:100%;}
ul,li{ list-style-type:none; }
a{ text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration:none; color:#536BA4;}

.clear{ clear:both; height:0px; font-size:0px; overflow:hidden; }

/*header*/
.header{ width:100%;height:56px; background:#536BA4; position:fixed;}
.logo{ float:left; width:152px;height:32px; background:url(../images/logo-w.png) no-repeat; background-size:auto 100%; margin:11px 0 0 13px;}

.search{ float:right;margin:13px 15px 0 10px; }
.search-m{width:210px;height:30px;background:#425892;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; overflow:hidden; }
.search-m:hover,.search-m:focus{ background:#fff; color:#333;}
.search-m input[type="text"]{ float:left; width:150px; padding-left:12px; line-height:30px; color:#555; background-color:transparent;border:0px; font-family:Microsoft Yahei; }
.btn-sch{ float:right; display:block; width:15px; height:30px;color:#91A5CC; margin:0 10px; background:url(../images/icon-sch.png) no-repeat left center; }
.btn-sch:hover{ color:#8DC63F;background:url(../images/icon-sch.png) no-repeat right center;}

/* menu */
.menu{ width:180px;background:#F2F2F2; border-right:solid 1px #ddd; position:fixed; top:56px; bottom:0px;color:#536BA4; font-size:0.9375em; padding-top:5px; overflow-y:auto;  }
.menu a{ color:#555; display:block; }
.menu a:hover{ background:#E6E6E6; color:#333;}
.m-list{  padding-bottom:5px; }
.menu i{ margin-right:6px; display:none; }
.menu .m3 i{ font-size:5px;margin-right:7px; vertical-align:middle }

.m1{ padding:10px 13px 8px 13px;font-weight:bold; color:#536BA4; }
.m1 i{ font-size:1.2em; vertical-align:text-top; float:right; margin-right:2px; display:none; }
.m2 a{ padding:2px 0 2px 28px; line-height:30px; }
.m2 .m3 a{ padding:2px 0 2px 43px; line-height:30px; }
.m2 a.current{ background:#fff; border-left:solid 4px #80C341; color:#333; padding:2px 0 2px 24px;font-weight:bold;}
.m2 .m3 a.current{ background:#fff; border-left:solid 4px #80C341; color:#333; padding:2px 0 2px 39px;font-weight:bold;}

.main{ padding:25px 30px; line-height:160%;font-size:0.9375em; position:fixed;top:56px;bottom:0px;left:180px;right:0px; overflow-y:auto;  }
.main h1{ font-size:1.5em; color:#536BA4; padding-bottom:0.5em; margin-bottom:0.5em; border-bottom:dotted 1px #d7d7d7; }
.main h2{ font-size:1.2em; color:#444; margin-bottom:0.5em; }
.main p{font-size:1em; text-indent:2em; margin-bottom:1.5em; }
.main .img{ text-align:center;margin-bottom:1.5em;}
.main .img img{ max-width:100%; }

.code-box{ border:dashed 1px #8DC63F; margin-bottom:1.5em;  }
.code-t{ padding:5px; text-align:center; border-bottom:solid 1px #C2E199; background:#F8F8F7; font-weight:bold; font-size:0.935em; }
.code-m{ padding:10px;}

@media screen and (max-width:680px) {
	.header{ width:100%;height:45px; background:#536BA4; text-align:center; z-index:99999; }
	.logo{ float:none; display:inline-block; width:100px;height:20px; background:url(../images/logo-w.png) no-repeat center center; background-size:auto 100%; margin:12px 0 0 0;}

	.search{ float:none;margin:0px;width:45px;height:45px; border:0px; background:transparent url(../images/icon-sch-2x.png) no-repeat center center;background-size:45% 45%; position:fixed; top:0px;right:0px; padding:0px; overflow-y:inherit; }
	.search:hover,.search:active{ background:#425892 url(../images/icon-sch-2x-h.png) no-repeat center center;background-size:45% 45%; }
	.search .search-m{ display:none; }
	.search:hover .search-m,.search:active .search-m{display:block; width:auto;height:auto;background:#425892;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; position:fixed; top:45px;left:0px;right:0px;padding:20px 12px; overflow-y:auto;}
	.search-m div{ width:100%;height:30px;background:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; overflow:hidden; }
	.search-m div:hover,.search-m div:focus{ background:#fff;color:#333;}
	.search-m input[type="text"]{ width:80%;}

	.menu{ width:45px;height:45px; border:0px; background:transparent url(../images/icon-menu-2x.png) no-repeat center center;background-size:50% 50%; position:fixed; top:0px;left:0px; padding:0px; overflow-y:inherit; z-index:99999; }
	.menu:hover,.menu:active{ background:#425892 url(../images/icon-menu-2x-h.png) no-repeat center center;background-size:50% 50%; }
	.menu-m{ display:none; }
	.menu:hover .menu-m,.menu:active .menu-m{ display:block; background:#425892; position:fixed; top:45px;left:0px;right:0px; bottom:0px; padding-top:5px; overflow-y:auto;}
	.menu a{ color:#91A5CC; display:block; }
	.menu a:hover,.menu a:active{ background:#384C86; color:#fff;}
	.m1{ padding:10px 13px 5px 11px;font-weight:bold; color:#80C341; }
	.m1 i{ font-size:1.2em; vertical-align:text-top; float:right; margin-right:2px; display:none; }
	.m2 a{ padding:0px 0 0px 26px; line-height:30px; }
	.m2 .m3 a{ padding:0px 0 0px 41px; line-height:30px; }
	.m2 a.current{ background:#536BA4; border-left:solid 4px #80C341; color:#fff; padding:0px 0 0px 22px;font-weight:bold;}
	.m2 .m3 a.current{ background:#536BA4; border-left:solid 4px #80C341; color:#fff; padding:0px 0 0px 37px;font-weight:bold;}

	.main{ margin-left:0px; padding:1em;top:45px;bottom:0px;left:0px;right:0px; z-index:9;}
	.main h1{ font-size:1.2em; }
	.main h2{ font-size:1em;}
	.code-t{ padding:3px 5px;}
}
